img {
    float: right;
  }
  

img.dos {
    float: left;
  }
  

img.tres {
    float: none;
  }


  div.solo {
    float: left;
    padding: 15px; 
  }
  
  .div1 {
    background: rgb(123, 104, 230);
  }
  
  .div2 {
    background: yellow;
  }
  
  .div3 {
    background: rgb(3, 233, 3);
  }
  

  .div11 {
    float: left;
    padding: 10px;
    border: 3px solid #e60f93;
  }
  
  .div22 {
    padding: 10px;
    border: 3px solid rgb(31, 34, 236);
  }
  
  .div33 {
    float: left;
    padding: 10px;  
    border: 3px solid #e60f93;
  }
  
  .div44 {
    padding: 10px;
    border: 3px solid rgb(31, 34, 236);;
    clear: left;
  }
  

  div {
    border: 3px solid #4CAF50;
    padding: 5px;
  }
  
  .img1 {
    float: right;
  }
  
  .img2 {
    float: right;
  }
  
  .clearfix {
    overflow: auto;
    
  }
  
  * {
    box-sizing: border-box;
  }
  
  .img-container {
    float: left;
    width: 33.33%;
    padding: 5px;
  }
  
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }